<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta charset="utf-8">
  <title>修改产线关联的工位机</title>
  <base href="<%=basePath%>">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" type="text/css" href="style/easyui/easyui.css">
</head>
<body>
  <div class="layui-form" lay-filter="layuiadmin-workmachine-form-list" id="layuiadmin-workmachine-form-list" style="padding: 20px 30px 0 0;">
    <input type="hidden" name="id" id="id" value="${worklinesection.id}"/>
    <div class="layui-form-item">
      <label class="layui-form-label" >产线编号</label>
      <div class="layui-input-inline">
        <input type="text" name="code" id="code" lay-verify="required" placeholder="请输入产线编号" autocomplete="off" class="layui-input layui-disabled" readonly = "readonly" value="${workline.code}">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" >产线名称</label>
      <div class="layui-input-inline">
        <input type="text" name="name" id="name" lay-verify="required" placeholder="请输入产线名称" autocomplete="off" class="layui-input layui-disabled" readonly = "readonly" value="${workline.name}">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" >工段编号</label>
      <div class="layui-input-inline">
        <input type="text" name="code" id="code" lay-verify="required" placeholder="请输入产线编号" autocomplete="off" class="layui-input layui-disabled" readonly = "readonly" value="${worksection.code}">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label" >工段名称</label>
      <div class="layui-input-inline">
        <input type="text" name="name" id="name" lay-verify="required" placeholder="请输入产线名称" autocomplete="off" class="layui-input layui-disabled" readonly = "readonly" value="${worksection.name}">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">工位机信息</label>
      <div class="layui-input-block">
        <!--下面的hidden用来提交复选框值用的，解决layui复选框提交到后台只有一个值的BUG-->
        <input type="hidden" name="machinecodes" id="machinecodes"/>
        <c:forEach  var="demo" items="${workmachinelist}" varStatus="status">
           <input type="checkbox" name="machinecode" lay-skin="primary" title="${demo.code}" value="${demo.code}" <c:if test="${demo.pageSelected}">checked</c:if> <c:if test="${demo.pageUsed}">disabled</c:if>>
        </c:forEach>
      </div>
    </div>
    <div class="layui-form-item layui-hide">
      <input type="button" lay-submit lay-filter="layuiadmin-workmachine-form-submit" id="layuiadmin-workmachine-form-submit" value="确认添加">
      <input type="button" lay-submit lay-filter="layuiadmin-workmachine-form-edit" id="layuiadmin-workmachine-form-edit" value="确认编辑">
    </div>
  </div>

  <script src="layuiadmin/layui/layui.js"></script>  
  <script src="layuiadmin/js/common/jquery.js"></script>
  <script src="layuiadmin/js/common/jquery.easyui.min.js"></script>
  <script src="layuiadmin/js/form.js"></script>
  <script>
 	layui.config({
	    base: 'layuiadmin/' //静态资源所在路径
	  }).extend({
	    index: 'lib/index' //主入口模块
	  }).use(['index', 'form', 'laydate'], function(){
		  var $ = layui.$
		    ,admin = layui.admin
		    ,element = layui.element
		    ,layer = layui.layer
		    ,laydate = layui.laydate
		    ,form = layui.form;
	    
		laydate.render({
			elem: '#birthday', //弹出页的指定元素生日时期需要为时间格式
		});
		
	    //监听提交
	    form.on('submit(layuiadmin-workmachine-form-submit)', function(obj){
	      	var field = obj.field; //获取提交的字段
	      	var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引  
	
	      	//提交 Ajax 成功后，关闭当前弹层并重载表格
	      	//$.ajax({});
	         
	      	var chk_value =[]; 
	        $('input[name="machinecode"]:checked').each(function(){ 
	        	chk_value.push($(this).val()); 
	        }); 
	        
	        if(chk_value.length > 0){
	        	field.machinecodes = chk_value.join(',');//将数组合并成字符串
	        	layer.confirm('确定操作?', function(index){
	        		layer.msg('正在提交请稍候。。。', {icon: 16,time:'-1',shade : [0.5 , '#000' , true]});
		      		admin.req({
		    		    url: 'workline/updatemachine' //实际使用请改成服务端真实接口
		    	        ,data: field
		    	        ,type: 'POST'
		    	        ,done: function(res){
		    	        	layer.msg(res.msg);
		    	        }
		         	});
		        });
	        }else{
	        	layer.msg("请先选择关联的工位机信息");
	        	return false;
	        }
	      	
	        //parent.layui.table.reload('LAY-workmachine-content-list'); //重载表格
	        //parent.layer.close(index); //再执行关闭 
	    });
	  })
  </script>
</body>
</html>